// 给 登录按钮 添加点击事件
// 通过 JavaScript程序 跳转到 登录页 同时携带当前页面的url地址
$('[name="login"]').click(function () {
    // 跳转 登录页 同时携带当前页面的url地址栏信息
    window.location.href = `./login.html?url=${window.location.href}`;
})

// 给 退出登录按钮 添加点击事件
$('[name="logout"]').click(function () {
    // 获取 cookie 对象 
    // const cookieObj = myGetCookie();

    // // 判断 有没有登录信息
    // if( cookieObj.login === undefined ){
    //   // 如果调用结果 是 undefined 证明 没有登录信息 
    //   // 也就是还没有登录
    //   if( window.confirm('您还没有登录,点击确定跳转登录页面') ){
    //     // 跳转登陆页面 同时携带 url地址栏数据
    //     window.location.href = `./login.html?url=${window.location.href}`;
    //   }      
    // }else {
    //   // 如果调用结果 不是 undefined 证明 有登录信息
    //   // 也就是 已经登录了
    //   // 删除 cookie 设定 cookie 时效为 负数
    //   mySetCookie( 'login' , 1 , -1 , '/' );  
    //   // 弹出提示信息
    //   window.alert('您已经退出登录');      
    // }


    // 使用 localStorage 

    if (window.localStorage.login === undefined) {
        // 没有登录 
        if (window.confirm('您还没有登录,点击确定跳转登录页')) {
            window.location.href = `./login.html?url=${window.location.href}`;
        }
    } else {
        // 已经登录 删除登录数据
        window.localStorage.removeItem('login');
        // 弹出提示信息
        window.alert('您已经退出登录');
    }

})

// 给 购物车按钮 添加点击事件
$('[name="cart"]').click(function () {
    // 获取 登录数据信息

    // cookie方法
    // const cookieObj = myGetCookie();
    // if( cookieObj.login === undefined ){
    //   // 没有登录
    //   if(window.confirm('您还没有登录,点击确定跳转登录页')){
    //     window.location.href = `./login.html?url=${window.location.href}`;
    //   }

    // }else{
    //   // 已经登录 跳转购物车
    //   window.location.href = './cart.html';
    // }

    // localStorage方法判断
    if (window.localStorage.login === undefined) {
        // 没有登录
        if (window.confirm('您还没有登录,点击确定跳转登录页')) {
            window.location.href = `./login.html?url=${window.location.href}`;
        }
    } else {
        // 已经登录
        window.location.href = './cart.html';
    }

})

// 动态生成 分类列表 

// 定义一个数组 模拟数据库 返回的 分类名称信息
const arr = ['食品酒水', '童装玩具', '家装建材', '奶粉尿裤', '手机相机'];

/*
  const arr = [ { 食品酒水: [ { 中外名酒 : [ '啤酒' , '保健酒' , '黄酒'] } , {牛奶冲调 : [ 酸牛奶 , 风味奶 , 成人奶粉 ] } , {生鲜蔬果 : [] } , {休闲食品 : [ ] } } ] ;    
 
  [ 
    { 一级 : [ { 二级 : [ 三级,三级三级 ]} ,{ 二级 : [ 三级,三级三级 ]}  ,{ 二级 : [ 三级,三级三级 ]} ]   } 
    { 一级 : [ { 二级 : [ 三级,三级三级 ]} ,{ 二级 : [ 三级,三级三级 ]}  ,{ 二级 : [ 三级,三级三级 ]} ]   } 
    { 一级 : [ { 二级 : [ 三级,三级三级 ]} ,{ 二级 : [ 三级,三级三级 ]}  ,{ 二级 : [ 三级,三级三级 ]} ]   } 
    { 一级 : [ { 二级 : [ 三级,三级三级 ]} ,{ 二级 : [ 三级,三级三级 ]}  ,{ 二级 : [ 三级,三级三级 ]} ]   } 
  ]
*/


// 向 ul标签中 写入 li标签
let str = '';
arr.forEach(function (item) {
    str += `<li><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=${item}" role="button">${item}</a></li>`;
})
$('[name="list"]').html(str);


/*
  退出登录按钮 点击事件
    删除 cookie / localStorage 中 存储的登录信息
      如果没有登录 弹出提示信息 跳转登录页面
      如果已经登录 删除 cookie / localStorage 中的信息
        cookie 设定 时效是 负数 时效过期 浏览器自动删除 cookie

  购物车按钮 点击事件
    点击 购物车 按钮 判断 有没有登录
      如果没有登录 弹出提示信息 跳转登录页面
      如果已经登录 跳转登录页面

  向ul中写入li标签
    根据 数组中的数据 动态渲染 ul>li 标签内容
    应该是 从 数据库中 获取数据 
    当前定义一个 数组 模拟数据

  特别注意:
    重新设定cookie时 cookie的 键名 路径 必须和原始cookie一致
*/